<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title>离线复现示例</title>
    <!-- Antd reset and core css -->
    <link rel="stylesheet" href="{{ url_for('static', filename='vendor/css/reset.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='vendor/css/antd.min.css') }}">
</head>

<body>
    <div id="root"></div>
    <script src="{{ url_for('static', filename='vendor/js/react.development.js') }}"></script>
    <script src="{{ url_for('static', filename='vendor/js/react-dom.development.js') }}"></script>
    <script src="{{ url_for('static', filename='vendor/js/dayjs.min.js') }}"></script>
    <script src="{{ url_for('static', filename='vendor/js/antd.min.js') }}"></script>
    <script src="{{ url_for('static', filename='vendor/js/xlsx.full.min.js') }}"></script>
    <script src="{{ url_for('static', filename='vendor/js/babel.min.js') }}"></script>
    <!-- 你的应用脚本（如果使用 Babel 转译，type="text/babel"） -->
    <script type="text/babel">
        {% raw %}
        const { Button } = antd;
        function App() {
            return <div style={{ padding: 24 }}>
                <h2>离线 Antd + React Demo</h2>
                <Button type="primary">本地按钮</Button>
            </div>
        }

        ReactDOM.createRoot(document.getElementById('root')).render(<App />);
        {% endraw  %}
    </script>
</body>

</html>